<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    .app {
      /* 块不转行内，行内可以转块，行内转行内块时要一个 */
      display: inline;
    }
  </style>
  <body>
    <h1>块元素 div h1~6 p(中不再放块元素) hr 独占一行</h1>
    <h1>
      行内元素 span a img s strong 不可以设置宽高 margin只生效左右, padding
      周围都生效
    </h1>
    <h1>行内块元素 img input 不独占一行可以设置宽高元素排在一行</h1>

    <!--.app -->
    <div class="app"></div>
    <!-- #app -->
    <div id="app"></div>
    <!-- div>url>li*10>a>img -->
    <div>
      <url>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
        <li>
          <a href=""><img src="" alt="" /></a>
        </li>
      </url>
    </div>
  </body>
</html>
